<template>
    <text class="icon" :class="['icon-'+type]" 
	:style="{color:color,'font-size':size,'line-height':height,'font-weight':weight}" 
	@click="onClick()"></text>
</template>

<script>
    export default {
        props: {
            /**
             * 图标类型
             */
            type: String,
            /**
             * 图标颜色
             */
            color: String,
            /**
             * 图标大小
             */
            size: String,
			/* 
			 *高度，设置行高
			 */
			height:String,
			/* 加粗 */
			weight:[Boolean,String]
        },
        computed: {
            
        },
        methods: {
            onClick() {
                this.$emit('click')
            }
        }
    }
</script>

<style lang="scss">
    @import "../static/common/iconfont/font.scss"
</style>
